<template>
	<view class="layout">
		<u-popup v-model="show" mode="center" width="630rpx" height="730rpx">
			<image src="../../static/swiper.png" mode="aspectFill"></image>
			<view class="bk">123</view>
		</u-popup>
		
		<u-button v-show="false" @click="show = true" >打开</u-button>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted
	} from 'vue';
	import {
		onLaunch
	} from '@dcloudio/uni-app'

	// 创建响应式数据  
	const show = ref(false);

	// 定义方法  
	function open() {
		// 打开逻辑，比如设置 show 为 true  
		show.value = true;
		// console.log('open');
	}

	function close() {
		// 关闭逻辑，设置 show 为 false  
		show.value = false;
		// console.log('close');  
	}
onMounted(()=>{
		show.value = true
	})
</script>

<style lang="scss">
	.layout {
		::v-deep .u-mode-center-box {
			background-color: transparent !important;
		}
		u-popup {
			image {
				width: 100%;
				height: 100%;
			}
		}

	}
</style>